{extend name="common/base_layout" /}

{block name="content"}
<div class="window-box">
    <div class="window-cut">

        <div class="window-bin window-banner"
             data-hash="index"
             data-title="首页">
            <div class="banner-box">
                <div class="banner-cut">



                    <div class="banner-bin banner-lazy" data-background="__STATIC__/upload/201707/1500272228.jpg">

                        <div class="container">
                            <div class="row">

                                <div class="banner-bin-h">
                                    <span>互联网<u>+</u></span>
                                    <span>营销型建站</span>
                                </div>
                                <div class="banner-bin-i">
                                    <p><span>SEO OPTIMIZING</span></p>
                                    <p><span>网站建设　网站设计　网站营销　网站运营　网站维护</span></p>
                                </div>
                                <div class="banner-bin-j">
                                    <p><span>技术优势</span><span>“互联网+”就是“互联网+各传统行业”，但这并不是简单相加</span></p>
                                    <p><span>解决方案</span><span>资源中的优化和集成，将互联网的创新成果深度融合于经济</span></p>
                                    <p><span>服务流程</span><span>它代表一种新的社会形态，让互联网与传统行业进行深度融合</span></p>
                                </div>

                            </div>
                        </div>

                    </div>

                    <div class="banner-bin banner-lazy" data-background="__STATIC__/upload/201707/1500274209.jpg">

                        <div class="container">
                            <div class="row">

                                <div class="banner-bin-a">
                                    <span>微</span>
                                    <span>信</span>
                                    <span>开</span>
                                    <span>发</span>
                                </div>
                                <div class="banner-bin-b">
                                    <span>WECHAT DEVELOPMENT</span>
                                    <span>共享微信全生态<br>开拓更多业务场景</span>
                                    <span>微信开发</span>
                                    <span>小程序、微官网、分销商城<br>抢占流量先机，掘金微信9亿用户</span>
                                </div>

                            </div>
                        </div>

                    </div>


                    <div class="banner-bin banner-lazy" data-background="__STATIC__/upload/201707/1500221986.jpg">

                        <div class="container">
                            <div class="row">

                                <div class="banner-bin-o">
                                    <p>
                                        <span>DEVELOPMENT</span>
                                        <span>IOS程序 + APK程序</span>
                                        <span><u>APP</u>应用开发</span>
                                    </p>
                                    <p><span>APP</span></p>
                                    <p>
                                        <span><u>——</u> 为企业快速打造全平台应用制作开发</span>
                                        <span>For the rapid development of enterprise application development</span>
                                    </p>
                                    <p>
                                        <span>&radic;</span>
                                        <span>高品质服务</span>
                                        <span>&radic;</span>
                                        <span>扁平化设计</span>
                                        <span>&radic;</span>
                                        <span>专业性开发</span>
                                    </p>
                                </div>
                                <div class="banner-bin-p">
                                    <p><span>让营销变得<u> </u>更简单</span></p>
                                </div>

                            </div>
                        </div>

                    </div>


                </div>
                <div class="banner-pager"></div>
            </div>
            <div class="window-next">SCROLL</div>
        </div>

        <div class="window-bin swiper-lazy"
             data-hash="about"
             data-title="关于"
             data-background="__STATIC__/upload/201707/1500365975.jpg">
            <div class="container about-box">
                <div class="row">
                    <div class="about-left">
                        <h3>

                            <!--<font>Internet service technology, Limited by Share Ltd</font>-->

                            <span><u>云南立鼎科技</u>有限公司</span>

                        </h3>
                        <ul>

                            <li>
                                <strong>

                                    <hr class="n8">

                                </strong>
                                <font>年</font>
                                <span>专注网站建设</span>
                            </li>

                            <li>
                                <strong>
                                    <hr class="n6">
                                    <hr class="n0">
                                    <hr class="n0">

                                </strong>
                                <font>家</font>
                                <span>企业客户信赖之选</span>
                            </li>


                            <li>
                                <strong>

                                    <hr class="n9">
                                    <hr class="n0">

                                </strong>
                                <font>%</font>
                                <span>以上的客户续费率</span>
                            </li>
<!-- 
                            <li>
                                <strong>

                                    <hr class="n3">   {:format_metinfo_number($caseTotal)} 
                                    

                                </strong>
                                <font>个</font>
                                <span>精美案例</span>
                            </li> -->

                        </ul>

                        <p>
                            {$about.article_content}
                        </p>

                        <a class="click-box" href="{:url('/about')}" target='_self'><span>READ MORE</span></a>

                    </div>
                    <div class="about-right">
                        <div class="about-list">
                            <ul class="about-ul">

                                <li class="about-li"><img class="about-lazy" data-src='__STATIC__/upload/thumb_src/390_410/1500195387.jpg'></li>

                                <li class="about-li"><img class="about-lazy" data-src='__STATIC__/upload/thumb_src/390_410/1500450933.jpg'></li>

                                <li class="about-li"><img class="about-lazy" data-src='__STATIC__/upload/thumb_src/390_410/1500449642.jpg'></li>

                            </ul>
                        </div>
                    </div>
                    <div class="about-click">

                        <a class="click-box" href="{:url('/about')}" target='_self'><span>READ MORE</span></a>

                    </div>
                </div>
            </div>
            <div class="window-next">SCROLL</div>
        </div>

        <!--产品展示-->
        <div class="window-bin swiper-lazy"
             data-hash="picture"
             data-title="产品"
             data-background="__STATIC__/upload/201707/1500311094.jpg">
            <div class="container picture-box">
                <div class="row">

                    <div class="picture-title">
                        <h3><u>我们能做什么</u> —— 铸造辉煌，唯有质量！</h3>
                    </div>

                    <div class="picture-nav">

                        <p>
                            <b data-href="product/" data-id="107" title="产品中心-全部（双击跳转）" class="active"><span>&radic;</span><span>全部</span></b>

                            {foreach $productClassList as $productClass}
                            <b data-href="{:url('frontend/Product/lists', ['cid' => $productClass['id']])}" data-id="{$productClass.id}" title="{$productClass.class_name}（双击跳转）"><span>&radic;</span><span>{$productClass.class_name}</span></b>
                            {/foreach}

                            <!--<b data-href="picture/product.php?lang=cn&class2=111" data-id="111" title="APP开发（双击跳转）"><span>&radic;</span><span>APP开发</span></b>

                            <b data-href="picture/product.php?lang=cn&class2=112" data-id="112" title="网站建设（双击跳转）"><span>&radic;</span><span>网站建设</span></b>

                            <b data-href="picture/product.php?lang=cn&class2=113" data-id="113" title="平面设计（双击跳转）"><span>&radic;</span><span>平面设计</span></b>
-->
                        </p>

                    </div>
                    <div class="picture-cut">

                        <div data-id="107" class="picture-list active">
                            <ul class="picture-ul">

                                {foreach $allProductList as $vo}
                                <li class="picture-li swiper-slide-active">
                                    <a href="{:url('frontend/Product/show', ['product_id' => $vo['id']])}" title="{$vo.p_name}" target='_self'>
                                        <font>
                                            <img class="picture-lazy" data-src='{$vo.p_image|quick_pic_thumb="@543w_390h"}' alt="{$vo.p_name}">
                                        </font>
                                        <span><b>{$vo.p_name}</b></span>
                                    </a>
                                    <!--<p class="met-img-showbtn" data-imglist="手机钱包应用*upload/201707/1500524230.jpg|手机钱包应用*upload/201707/1500524427.jpg|手机钱包应用*upload/201707/1500524289.jpg">+</p>-->
                                </li>
                                {/foreach}

                            </ul>
                        </div>

                        {foreach $productList as $productClass}
                        <div data-id="{$productClass.id}" class="picture-list ">
                            <ul class="picture-ul">
                                {notempty name="productClass.products"}
                                {foreach $productClass.products as $vo}
                                <li class="picture-li swiper-slide-active">
                                    <a href="{:url('frontend/Product/show', ['product_id' => $vo['id']])}" title="{$vo.p_name}" target='_self'>
                                        <font>
                                            <img class="picture-lazy" data-src='{$vo.p_image|quick_pic_thumb="@543w_390h"}' alt="{$vo.p_name}">
                                        </font>
                                        <span><b>{$vo.p_name}</b></span>
                                    </a>
                                    <!--<p class="met-img-showbtn" data-imglist="手机钱包应用*upload/201707/1500524230.jpg|手机钱包应用*upload/201707/1500524427.jpg|手机钱包应用*upload/201707/1500524289.jpg">+</p>-->
                                </li>
                                {/foreach}
                                {/notempty}

                            </ul>
                        </div>
                        {/foreach}

                        <div class="picture-ctrl">
                            <div class="ctrl-left"></div>
                            <div class="ctrl-right"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="window-next">SCROLL</div>
        </div>

        <!--视频展示-->
        {if sysconf('video_module_isue')}
         <div class="window-bin swiper-lazy"
             data-hash="video"
             data-title="视频"
             data-background="__STATIC__/upload/201707/1500362214.jpg">
            <div class="container video-box">
                <div class="row">

                    <div class="video-left active">
                        <div class="video-content video">
                            <img class="swiper-lazy" data-src='{$firstVideo.v_image|quick_pic_thumb="@2720w_405h"}'><video loop controls src={$firstVideo.v_url}></video></div>
                        <div class="video-text">

                            <h3> {$firstVideo.v_name}</h3>

                            <ul><li><b>发布</b>{$firstVideo.create_at|format_time='Y-m-d'}</li><li><b>类型</b>MP4视频</li><li><b>来源</b>其他</li></ul>

                            <p>{$firstVideo.description}</p>

                            <a class="click-box small" href="{:url('frontend/Video/show', ['video_id' => $firstVideo['id']])}" title="{$firstVideo.v_name}" target='_self'><span>READ MORE</span></a>

                        </div>
                    </div>
                    <div class="video-right">
                        <div class="video-list" data-autoplay="1">
                            <ol class="video-ol">
                                {foreach $videoList as $key=>$vo}
                                <li class="video-li {if $key eq 0}active{/if}" title="{$vo.v_name}">
                                    <font data-video="&lt;video loop controls src={$vo.v_url}&gt;&lt;/video&gt;" data-type="video" data-para="<li><b>发布</b>{$vo.create_at|format_time='Y-m-d'}</li><li><b>类型</b>MP4视频</li><li><b>来源</b>其他</li>" data-desc="{$vo.description}">
                                        <img class="video-lazy" data-src='{$vo.v_image|quick_pic_thumb="@288w_162h"}' alt="{$vo.v_name}">
                                    </font>
                                    <span><a href="{:url('frontend/Video/show', ['video_id' => $vo['id']])}" title="{$vo.v_name}" target='_self'>{$vo.v_name}</a></span>
                                </li>
                                {/foreach}
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            <div class="window-next">SCROLL</div>
        </div>
        {/if}

        <!--网站案例-->
        <div class="window-bin swiper-lazy"
             data-hash="picture"
             data-title="案例"
             data-background="__STATIC__/upload/201707/1500381700.jpg">
            <div class="container picture-box">
                <div class="row">

                    <div class="picture-title">
                        <h3><u>我们的客户</u> —— 铸造辉煌，唯有质量！</h3>
                    </div>

                    <div class="picture-nav">

                        <p>
                            <b data-href="case/" data-id="107" title="网站案例-全部（双击跳转）" class="active"><span>&radic;</span><span>全部</span></b>

                            {foreach $siteIndustryList as $vo}
                            <b data-href="{:url('frontend/Sitecase/lists', ['cid' => $vo['id']])}" data-id="{$vo.id}" title="{$vo.industry_name}（双击跳转）"><span>&radic;</span><span>{$vo.industry_name}</span></b>
                            {/foreach}

                        </p>

                    </div>
                    <div class="picture-cut">

                        <div data-id="107" class="picture-list active">
                            <ul class="picture-ul">

                                {foreach $allCaseList as $vo}
                                <li class="picture-li swiper-slide-active">
                                    <a href="{:url('frontend/Sitecase/show', ['case_id' => $vo['id']])}" title="{$vo.site_name}" target='_self'>
                                        <font>
                                            <img class="picture-lazy" data-src='{$vo.site_image|quick_pic_thumb="@543w_390h"}' alt="{$vo.site_name}">
                                        </font>
                                        <span><b>{$vo.site_name}</b></span>
                                    </a>
                                    <!--<p class="met-img-showbtn" data-imglist="手机钱包应用*upload/201707/1500524230.jpg|手机钱包应用*upload/201707/1500524427.jpg|手机钱包应用*upload/201707/1500524289.jpg">+</p>-->
                                </li>
                                {/foreach}

                            </ul>
                        </div>

                        {foreach $caseList as $caseIndustry}
                        <div data-id="{$caseIndustry.id}" class="picture-list ">
                            <ul class="picture-ul">
                                {notempty name="caseIndustry.cases"}
                                {foreach $caseIndustry.cases as $vo}
                                <li class="picture-li swiper-slide-active">
                                    <a href="{:url('frontend/Sitecase/show', ['case_id' => $vo['id']])}" title="{$vo.site_name}" target='_self'>
                                        <font>
                                            <img class="picture-lazy" data-src='{$vo.site_image|quick_pic_thumb="@543w_390h"}' alt="{$vo.site_name}">
                                        </font>
                                        <span><b>{$vo.site_name}</b></span>
                                    </a>
                                    <!--<p class="met-img-showbtn" data-imglist="手机钱包应用*upload/201707/1500524230.jpg|手机钱包应用*upload/201707/1500524427.jpg|手机钱包应用*upload/201707/1500524289.jpg">+</p>-->
                                </li>
                                {/foreach}
                                {/notempty}

                            </ul>
                        </div>
                        {/foreach}

                        <div class="picture-ctrl">
                            <div class="ctrl-left"></div>
                            <div class="ctrl-right"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="window-next">SCROLL</div>
        </div>

        <!--丢弃-->
        <!--<div class="window-bin swiper-lazy"
             data-hash="case"
             data-title="案例"
             data-background="https://images.metinfo.cn/muban/M1156010/328/upload/201707/1500381700.jpg">
            <div class="container case-box">
                <div class="row">
                    <div class="case-left">

                        <h3><u>案例欣赏，</u>优质开发！</h3>

                        <p>凭借拔尖的团队、优秀的业务能力，星如雨迅速成长为国内SEO的领军者。我们专注网络营销业务，助力您的企业腾飞。同时，我们还拥有一支健全的建站团队，向外界承接APP应用开发/微网站/公众号策划营销等业务。</p>

                        <a class="click-box" href="case/" target='_self'><span>READ MORE</span></a>
                    </div>
                    <div class="case-right">
                        <div class="case-list">
                            <ul class="case-ul">
                                <li class="case-li case-null swiper-slide-active"></li>
                                <li class="case-li">

                  <span>
                    <a href="case/showimg.php?lang=cn&id=75" title="多功能应用开发" target='_self'>
					  <img class="case-lazy" data-src='upload/thumb_src/540_390/1500542224.jpg' alt="多功能应用开发">
					  <font>多功能应用开发</font>
					</a>
                    <p class="fa fa-search met-img-showbtn" data-imglist="多功能应用开发*upload/201707/1500542224.jpg|"></p>
                  </span>

                                    <span>
                    <a href="case/showimg.php?lang=cn&id=76" title="超级音乐播放器" target='_self'>
					  <img class="case-lazy" data-src='upload/thumb_src/540_390/1500543975.jpg' alt="超级音乐播放器">
					  <font>超级音乐播放器</font>
					</a>
                    <p class="fa fa-search met-img-showbtn" data-imglist="超级音乐播放器*upload/201707/1500543975.jpg|"></p>
                  </span>

                                </li>
                                <li class="case-li">

                  <span>
                    <a href="case/showimg.php?lang=cn&id=78" title="万能日历" target='_self'>
					  <img class="case-lazy" data-src='upload/thumb_src/540_390/1500543758.jpg' alt="万能日历">
					  <font>万能日历</font>
					</a>
                    <p class="fa fa-search met-img-showbtn" data-imglist="万能日历*upload/201707/1500543758.jpg|"></p>
                  </span>

                                    <span>
                    <a href="case/showimg.php?lang=cn&id=72" title="数据监控应用" target='_self'>
					  <img class="case-lazy" data-src='upload/thumb_src/540_390/1500543455.jpg' alt="数据监控应用">
					  <font>数据监控应用</font>
					</a>
                    <p class="fa fa-search met-img-showbtn" data-imglist="数据监控应用*upload/201707/1500543455.jpg|"></p>
                  </span>

                                </li>
                                <li class="case-li">

                  <span>
                    <a href="case/showimg.php?lang=cn&id=77" title="网速检查器" target='_self'>
					  <img class="case-lazy" data-src='upload/thumb_src/540_390/1500543793.jpg' alt="网速检查器">
					  <font>网速检查器</font>
					</a>
                    <p class="fa fa-search met-img-showbtn" data-imglist="网速检查器*upload/201707/1500543793.jpg|"></p>
                  </span>

                                    <span>
                    <a href="case/showimg.php?lang=cn&id=79" title="人肉搜索" target='_self'>
					  <img class="case-lazy" data-src='upload/thumb_src/540_390/1500544104.jpg' alt="人肉搜索">
					  <font>人肉搜索</font>
					</a>
                    <p class="fa fa-search met-img-showbtn" data-imglist="人肉搜索*upload/201707/1500544104.jpg|"></p>
                  </span>

                                </li>
                                <li class="case-li">

                  <span>
                    <a href="case/showimg.php?lang=cn&id=87" title="音乐播放器" target='_self'>
					  <img class="case-lazy" data-src='upload/thumb_src/540_390/1500544083.jpg' alt="音乐播放器">
					  <font>音乐播放器</font>
					</a>
                    <p class="fa fa-search met-img-showbtn" data-imglist="音乐播放器*upload/201707/1500544083.jpg|"></p>
                  </span>

                                    <span>
                    <a href="case/showimg.php?lang=cn&id=83" title="定时提醒应用" target='_self'>
					  <img class="case-lazy" data-src='upload/thumb_src/540_390/1500544394.jpg' alt="定时提醒应用">
					  <font>定时提醒应用</font>
					</a>
                    <p class="fa fa-search met-img-showbtn" data-imglist="定时提醒应用*upload/201707/1500544394.jpg|"></p>
                  </span>

                                </li>
                                <li class="case-li">

                  <span>
                    <a href="case/showimg.php?lang=cn&id=84" title="远程聊天工具" target='_self'>
					  <img class="case-lazy" data-src='upload/thumb_src/540_390/1500545194.jpg' alt="远程聊天工具">
					  <font>远程聊天工具</font>
					</a>
                    <p class="fa fa-search met-img-showbtn" data-imglist="远程聊天工具*upload/201707/1500545194.jpg|"></p>
                  </span>

                                    <span>
                    <a href="case/showimg.php?lang=cn&id=86" title="用户界面设计" target='_self'>
					  <img class="case-lazy" data-src='upload/thumb_src/540_390/1500544512.jpg' alt="用户界面设计">
					  <font>用户界面设计</font>
					</a>
                    <p class="fa fa-search met-img-showbtn" data-imglist="用户界面设计*upload/201707/1500544512.jpg|"></p>
                  </span>

                                </li>
                                <li class="case-li">

                  <span>
                    <a href="case/showimg.php?lang=cn&id=85" title="画册封面" target='_self'>
					  <img class="case-lazy" data-src='upload/thumb_src/540_390/1500544385.jpg' alt="画册封面">
					  <font>画册封面</font>
					</a>
                    <p class="fa fa-search met-img-showbtn" data-imglist="画册封面*upload/201707/1500544385.jpg|"></p>
                  </span>

                                    <span>
                    <a href="case/showimg.php?lang=cn&id=82" title="时间轴介绍" target='_self'>
					  <img class="case-lazy" data-src='upload/thumb_src/540_390/1500544819.jpg' alt="时间轴介绍">
					  <font>时间轴介绍</font>
					</a>
                    <p class="fa fa-search met-img-showbtn" data-imglist="时间轴介绍*upload/201707/1500544819.jpg|"></p>
                  </span>

                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="case-ctrl">
                        <div class="ctrl-left"></div>
                        <div class="ctrl-right"></div>
                    </div>
                </div>
            </div>
            <div class="window-next">SCROLL</div>
        </div>-->

        <!--新闻资讯-->
        <div class="window-bin swiper-lazy"
             data-hash="info"
             data-title="资讯"
             data-background="__STATIC__/upload/201707/1500382427.jpg" >
            <div class="container info-box">
                <div class="row">
                    <div class="info-left">

                        <div data-id="108" class="info-first info-ease active">
                            <div class="info-img">
                                <a href="{:url('frontend/News/show', ['article_id' => $allRecInfo['article_id']])}" title="{$allRecInfo.article_title}" target='_self'>
                                    <img class="swiper-lazy" data-src='{$allRecInfo.article_image|quick_pic_thumb="@390w_543h"}'>
                                </a>
                            </div>
                            <div class="info-text">
                                <h3><a href="{:url('frontend/News/show', ['article_id' => $allRecInfo['article_id']])}" title="{$allRecInfo.article_title}" target='_self'>{$allRecInfo.article_title}</a></h3>
                                <ul>
                                    <li><i class="fa fa-clock-o"></i><b>{$allRecInfo.article_publish_time|format_time='Y-m-d'}</b></li>
                                    <li><i class="fa fa-user-plus"></i><b>{$allRecInfo.article_author}</b></li>
                                    <li><i class="fa fa-eye"></i><b>{$allRecInfo.article_click}</b></li>
                                </ul>
                                <p>{$allRecInfo.article_abstract}</p>
                                <!--<em>

                                    <b>标签：</b>

                                    <a href="search/?searchword=微服务" title="微服务" target='_self'>微服务</a>

                                    <a href="search/?searchword=请求和响应" title="请求和响应" target='_self'>请求和响应</a>

                                    <a href="search/?searchword=事件流" title="事件流" target='_self'>事件流</a>

                                    <a href="search/?searchword=异步机制" title="异步机制" target='_self'>异步机制</a>

                                </em>-->
                                <a class="click-box" href="{:url('frontend/News/show', ['article_id' => $allRecInfo['article_id']])}" target='_self'><span>READ MORE</span></a>
                            </div>
                        </div>

                        {foreach $recInfo as $key=>$newsClass}
                        <?php $allRecInfo = !empty($newsClass['rec_news']) ? $newsClass['rec_news'][0] : []; ?>
                        {notempty name="newsClass.rec_news"}
                        <div data-id="{$newsClass.class_id}" class="info-first info-ease ">
                            <div class="info-img">
                                <a href="{:url('frontend/News/show', ['article_id' => $allRecInfo['article_id']])}" title="{$allRecInfo.article_title}" target='_self'>
                                    <img class="swiper-lazy" data-src='{$allRecInfo.article_image|quick_pic_thumb="@390w_543h"}'>
                                </a>
                            </div>
                            <div class="info-text">
                                <h3><a href="{:url('frontend/News/show', ['article_id' => $allRecInfo['article_id']])}" title="{$allRecInfo.article_title}" target='_self'>{$allRecInfo.article_title}</a></h3>
                                <ul>
                                    <li><i class="fa fa-clock-o"></i><b>{$allRecInfo.article_publish_time|format_time='Y-m-d'}</b></li>
                                    <li><i class="fa fa-user-plus"></i><b>{$allRecInfo.article_author}</b></li>
                                    <li><i class="fa fa-eye"></i><b>{$allRecInfo.article_click}</b></li>
                                </ul>
                                <p>{$allRecInfo.article_abstract}</p>
                                <!--<em>

                                    <b>标签：</b>

                                    <a href="search/?searchword=微服务" title="微服务" target='_self'>微服务</a>

                                    <a href="search/?searchword=请求和响应" title="请求和响应" target='_self'>请求和响应</a>

                                    <a href="search/?searchword=事件流" title="事件流" target='_self'>事件流</a>

                                    <a href="search/?searchword=异步机制" title="异步机制" target='_self'>异步机制</a>

                                </em>-->
                                <a class="click-box" href="{:url('frontend/News/show', ['article_id' => $allRecInfo['article_id']])}" target='_self'><span>READ MORE</span></a>
                            </div>
                        </div>
                        {/notempty}
                        {/foreach}

                    </div>
                    <div class="info-right">

                        <h3><u>新闻资讯 · </u>让营销变得简单</h3>

                        <div class="info-nav">
                            <p>
                                <b data-href="news/" data-id="108" title="新闻资讯-全部（双击跳转）" class="active"><span>&radic;</span><span>全部</span></b>

                                {foreach $newsClassList as $vo}
                                <b data-href="{:url('frontend/News/lists', ['ac_id' => $vo['class_id']])}" data-id="{$vo.class_id}" title="{$vo.class_name}（双击跳转）"><span>&radic;</span><span>{$vo.class_name}</span></b>
                                {/foreach}

                            </p>
                        </div>

                        <div class="info-cut">

                            <div data-id="108" class="info-list info-ease active">
                                <ul class="info-ul">

                                    {foreach $allNewsList as $key=>$vo}
                                    <li class="info-li {if $key eq 0}swiper-slide-active{/if}">

                                        <p>
                                            <img class="info-lazy" data-src='{$vo.article_image|quick_pic_thumb="@125w_100h"}' alt="{$vo.article_title}">
                                            <a href="{:url('frontend/News/show', ['article_id' => $vo['article_id']])}" title="{$vo.article_title}" target='_self'>{$vo.article_title}</a>
                                            <b>{$vo.article_publish_time|format_time='Y-m-d'}</b>
                                        </p>

                                        <!--<p>
                                            <img class="info-lazy" data-src='upload/thumb_src/125_100/1500449642.jpg' alt="精选！15 个必备的 VSCode 插件（前端类）">
                                            <a href="news/shownews.php?lang=cn&id=52" title="精选！15 个必备的 VSCode 插件（前端类）" target='_self'>精选！15 个必备的 VSCode 插件（前端类）</a>
                                            <b>2017-07-20</b>
                                        </p>-->

                                    </li>
                                    {/foreach}

                                </ul>
                            </div>

                            {foreach $newsList as $newsClass}
                            <div data-id="{$newsClass.class_id}" class="info-list info-ease ">
                                <ul class="info-ul">

                                    {notempty name="newsClass.news"}
                                    {foreach $newsClass.news as $vo}
                                    <li class="info-li ">

                                        <p>
                                            <img class="info-lazy" data-src='{$vo.article_image|quick_pic_thumb="@125w_100h"}' alt="{$vo.article_title}">
                                            <a href="{:url('frontend/News/show', ['article_id' => $vo['article_id']])}" title="{$vo.article_title}" target='_self'>{$vo.article_title}</a>
                                            <b>{$vo.article_publish_time|format_time='Y-m-d'}</b>
                                        </p>

                                    </li>
                                    {/foreach}
                                    {/notempty}

                                </ul>
                            </div>
                            {/foreach}

                        </div>
                    </div>

                </div>
            </div>
            <div class="window-next">SCROLL</div>
        </div>

        <!--联系我们-->
        <div class="window-bin swiper-lazy"
             data-hash="contact"
             data-title="联系"
             data-background="__STATIC__/upload/201707/1500534922.jpg" >
            <div class="container contact-box">
                <div class="row">
                    <div class="contact-left" id="map" coordinate="{:sysconf('address_lon')},{:sysconf('address_lat')}"></div>
                    <div class="contact-right">
                        <div class="contact-cut">
                            <div class="contact-bin">

                                <h2>全国统一服务热线：</h2>

                                <h3 style="padding-top: 5px"><a href="tel:0871-66011881">电话:0871-66011881</a></h3>

                                <span>手机:</span><a href="tel:15087153070">15087153070</a> <a href="tel:13577040915">13577040915</a><br>

                                <p><em class="fa fa-cloud-download"></em> <span>{:sysconf('company_address')}</span></p>

                                <p><em class="fa fa-tty"></em> <span><a href="tel:0871-66011881">0871-66011881</a></span></p>

                                <p><em class="fa fa-envelope"></em> <span>{:sysconf('site_email')}</span></p>

                            </div>
                            <div class="contact-bin">
                                <dl>

                                    <dt>
                                        <img class="swiper-lazy" data-size="120_120" data-src="{:sysconf('wx_qrcode')}">
                                    </dt>

                                    <dd>

                                        <strong>
                                            <font>扫一扫</font>
                                            <em class="fa fa-desktop"></em>
                                            <em class="fa fa-tablet"></em>
                                            <em class="fa fa-mobile"></em>
                                        </strong>

                                        <span>
                                          拿起手机扫描二维码，及时在线咨询&nbsp;
                                          <br>
                                          在线顾问： <u>立鼎科技</u>&nbsp;
                                        </span>

                                    </dd>
                                </dl>

                                <a class="click-box" href="contact/" target='_self'><span>READ MORE</span></a>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="window-next">SCROLL</div>
        </div>

        <div class="window-bin foot">

            <!--引入 footer-->
            {include file="common/footer" /}

        </div>

    </div>
</div>

<input type="hidden" name="lazyloadbg" value="base64">

{/block}